<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Focus - Avaleht</title>
<link href="http://fonts.googleapis.com/css?family=PT+Sans|Changa+One" rel="stylesheet" type="text/css">
<link href="styles/common.css" rel="stylesheet" type="text/css" />
<link href="styles/messages.css" rel="stylesheet" type="text/css" />
<link href="coin-slider/coin-slider-styles.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="coin-slider/coin-slider.js"></script>
<script type="text/javascript" src="js/focus.messages.js"></script>
<script type="text/javascript" src="js/focus.core.js"></script>
</head>

<body>

<div class="content page-small">
  <h2>Paigaldamine</h2>
  <!-- Mingi tervitus jms üldised juhendid. -->
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod   tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim   veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea   commodo consequat.</p>
  
  <div class="form-error-message">Viga andmebaasi ühendumisel. Vale kasutajatunnus või parool!</div>
  
  <form action="#" method="post" enctype="multipart/form-data" name="install" class="form" id="install">
    <div class="form-row">
    	<label>Juurkataloog
          <input name="base_url" type="text" class="input-field" id="base_url" tabindex="1" value="/etc/var/html/" />
        </label>
        <div class="field-description">Veebilehtede juurkataloog. Nt /var/www/html/</div>
    </div>
    <div class="form-row">
    	<label>Andmebaasi nimi
            <input name="dbname" type="text" class="input-field" id="dbname" tabindex="2" value="focus" />
        </label>
        <div class="field-description">Kui sellise nimega andmebaasi ei eksisteeri, siis see luuakse.</div>
    </div>
    <div class="form-row">
   	  <label>MySQL kasutajatunnus
            <input name="dbuser" type="text" class="input-field" id="dbuser" tabindex="3" />
      </label>
    </div>
    <div class="form-row">
   	  <label>MySQL parool
            <input name="dbpass" type="password" class="input-field" id="dbpass" tabindex="4" />
      </label>
    </div>
    <div class="form-row">
    	<label>MySQL aadress
            <input name="dbhost" type="text" class="input-field" id="dbhost" tabindex="5" value="localhost" />
        </label>
        <div class="field-description">Andmebaasi aadress.</div>
    </div>
  </form>
  
  <!-- core.js sisaldab click meetodit. Vormi postitamiseks muuda üleval action parameetrit. (Ilmselt peaks tühi olema) -->
  <span class="button form-button focused-button" id="install-btn">Valmis</span>
  <span class="button form-button" onclick="resetForm($('form[name=install]'));">Tühjenda väljad</span>
</div>

<div id="navigation-bar-container">
    <ul id="navigation-bar">
        <li id="logo">focus</li>
    </ul>
</div>
</body>
</html>